<!-- 空数据组件 -->
<template>
	<view class="empty-layout" :style="{'min-height':minHeight,'margin-top':marginTop}" v-if="show">
		<image class="empty-icon" :src="icon" :style="{'width':iconWidth}" mode="widthFix"></image>
		<text class="empty-text">{{text}}</text>
	</view>
</template>

<script setup>
	defineProps({
		//提示文字
		text:{
			type:String,
			default:'暂无数据~'
		},
		// 图标路径
		icon:{
			type:String,
			default:'/static/home/empty_icon.png'
		},
		// 是否显示
		show:{
			type:Boolean,
			default:false
		},
		// 最小高度，默认90vh
		minHeight:{
			type:String,
			default:'90vh'
		},
		//图标宽度
		iconWidth:{
			type:String,
			default:'300rpx'
		},
		//上边距
		marginTop:{
			type:String,
			default:'0'
		}
	})
</script>

<style lang="scss" scoped>
.empty-layout{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	.empty-text{
		color: #707070;
		margin-top: 20rpx;
	}
}
</style>